<template>
  <div>
      <!-- 顶部操作 -->
      <div class="tableHead">
        <div>
          <el-button size="small" type="danger" @click="batchDelete" :disabled="batchDeleteArr.length === 0">
            <i class="el-icon-delete">
              批量删除
            </i>
          </el-button>
          <el-button size="small" @click="goBackUserList" :disabled="searchInput == ''">
            返回用户列表
          </el-button>
        </div>
          <el-row>
            <el-col>
              <el-input v-model="searchInput" placeholder="请输入搜索内容" size="small" style="width:250px"></el-input>
              <el-button @click="searchUser" size="small" type="success" icon="el-icon-search"></el-button>
            </el-col>
          </el-row>
      </div>
      <!-- 表格主体 -->
      <el-table :data="tableData" height="500" stripe @selection-change="handleSelectionChange">
        <el-table-column type="selection" fixed width="50"></el-table-column>
            <el-table-column prop="userAccount" width="100" label="账号"></el-table-column>
            <el-table-column prop="userNickname" label="昵称"></el-table-column>
            <el-table-column prop="userSex" width="100" label="性别"></el-table-column>
            <el-table-column prop="userEmail" label="邮箱"></el-table-column>
            <el-table-column prop="userPhone" label="电话"></el-table-column>
            <el-table-column prop="userQQ" label="QQ"></el-table-column>
            <el-table-column label="操作" fixed="right">
               <template slot-scope="scope">
                <el-button size="mini" type="warning" @click="handleOpen(scope.row.userAccount, scope.row.userId)">解封</el-button>
              </template>
            </el-table-column>
      </el-table>
      <!-- <div class="block" style="margin:20px auto 0 auto"> -->
            <el-pagination
              class="pager"
              background
              @size-change="handleSizeChange"
              @current-change="handleCurrentChange"
              :current-page="pageStart"
              :page-sizes="[10, 20, 30]"
              :page-size="pageSize"
              layout="sizes, prev, pager, next"
              :total="total">
            </el-pagination>
          <!-- </div> -->
  </div>
</template>

<script>
export default {
    name:"UserClose",
    data() {
        return {
        tableData: [],
        batchDeleteArr:[],
        searchInput:'',
        pageStart:'',//当前页
        pageSize:'',//一页显示的数量
        total:'',//全部数量
      }
    },
    methods:{
      //批量删除
      batchDelete(){
        
      },
      //返回用户列表
      goBackUserList(){

      },
      //模糊搜索
      searchUser(){

      },
      handleSelectionChange(){

      },
      //解封
      handleOpen(){

      },
      //改变一页显示的数量
      handleSizeChange(){

      },
      //改变当前页
      handleCurrentChange(){

      }

    }
}
</script>

<style>

</style>